﻿@{
    ViewBag.Title = "Contato";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style type="text/css">
    .border-color
    {
        border-color: -moz-use-text-color -moz-use-text-color #9B9B9B;
    }
    .iframe-rwd
    {
        position: relative;
        padding-bottom: 65.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    .iframe-rwd iframe
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
</style>
<div class="row">
    <h2 style="text-align: center">
        CONTATOS</h2>
    <br />
    <div class="container">
        <div class="col-xs-6">
            <div class="row-fluid">
                <div class="span4">
                    <br />
                    <address>
                        <fieldset>
                        <legend class="border-color">Endereço</legend>
                                <p class="text-left">
                                    Avenida Paulo Emanuel de Almeida, 868<br />
                                    Wanel Ville - Sorocaba / SP<br />
                                    CEP: 18053-505
                                </p>
                        </fieldset>
                        <br />
                        <fieldset>
                            <legend class="border-color">Email</legend><strong>VENDAS 
                            </strong>| vendas@orionsorocaba.com.br<br />
                            <strong>FINANCEIRO </strong>| adm@orionsorocaba.com.br<br />
                            <strong>COMPRAS </strong>| almeida@orionsorocaba.com.br<br />
                        </fieldset>
                        <br />
                        <br />
                        <fieldset>
                            <legend class="border-color">Telefones</legend><strong>FIXO: </strong>| (15) 3217-7115
                            | (15) 3013-5133<br />
                            <strong>NEXTEL </strong>| (15) 7834-9928 | (15) 7814-1066<br />
                            <strong>ID </strong>| 105*118172 | 126*101437<br />
                        </fieldset>
                        <br />
                        <br />
                        <fieldset>
                            <legend class="border-color">Cidades Atendidas</legend>
                            <ul>
                                <li>Sorocaba</li>
                                <li>Araçoiaba da Serra </li>
                                <li>Alumínio </li>
                                <li>Salto de Pirapora </li>
                                <li>Itu </li>
                                <li>Piedade </li>
                                <li>Iperó </li>
                                <li>Mairinque </li>
                                <li>São Roque </li>
                            </ul>
                        </fieldset>
                    </address>
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="well">
                <form class="bs-example form-horizontal">
                <fieldset>
                    <legend>Entre em contato</legend>
                    <div class="form-group">
                        <label for="inputEmail" class="col-lg-2 control-label">
                            Email</label>
                        <div class="col-lg-10">
                            <input type="text" class="form-control" id="inputEmail" placeholder="Email">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail" class="col-lg-2 control-label">
                            Nome</label>
                        <div class="col-lg-10">
                            <input type="text" class="form-control" placeholder="Nome">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail" class="col-lg-2 control-label">
                            Assunto</label>
                        <div class="col-lg-10">
                            <input type="text" class="form-control" placeholder="Assunto">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="textArea" class="col-lg-2 control-label">
                            Textarea</label>
                        <div class="col-lg-10">
                            <textarea class="form-control" rows="3" id="textArea"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="select" class="col-lg-2 control-label">
                            Selects</label>
                        <div class="col-lg-10">
                            <select class="form-control" id="select">
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-lg-10 col-lg-offset-2">
                            <button type="submit" class="btn btn-primary">
                                Enviar</button>
                        </div>
                    </div>
                </fieldset>
                </form>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="span8">
            </div>
        </div>
        <div class="col-xs-6">
            <div class="iframe-rwd">
                <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0"
                    marginwidth="0" src="https://www.google.com.br/maps?f=q&amp;source=s_q&amp;hl=pt-BR&amp;geocode=&amp;q=Avenida+Paulo+Emanuel+de+Almeida,+868+-+Wanel+Ville&amp;aq=&amp;sll=-23.490477,-47.502541&amp;sspn=0.008452,0.013937&amp;ie=UTF8&amp;hq=&amp;hnear=Avenida+Paulo+Emanuel+de+Almeida+-+Wanel+Ville,+S%C3%A3o+Paulo&amp;ll=-23.49145,-47.505323&amp;spn=0.008452,0.013937&amp;t=m&amp;z=14&amp;iwloc=A&amp;output=embed">
                </iframe>
                <br />
                <small><a href="https://www.google.com.br/maps?f=q&amp;source=embed&amp;hl=pt-BR&amp;geocode=&amp;q=Avenida+Paulo+Emanuel+de+Almeida,+868+-+Wanel+Ville&amp;aq=&amp;sll=-23.490477,-47.502541&amp;sspn=0.008452,0.013937&amp;ie=UTF8&amp;hq=&amp;hnear=Avenida+Paulo+Emanuel+de+Almeida+-+Wanel+Ville,+S%C3%A3o+Paulo&amp;ll=-23.49145,-47.505323&amp;spn=0.008452,0.013937&amp;t=m&amp;z=14&amp;iwloc=A"
                    style="color: #0000FF; text-align: left">View Larger Map</a></small>
            </div>
        </div>
    </div>
</div>
